<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/style-1.css">
    <link rel="stylesheet" href="swiper-4.5.0/dist/css/swiper.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<div class="header-z">
        <div class="header-inner">
            <div class="header">
                <div class="container">
                    <div class="header-top clearfix">
                        <div class="header-left">
                            <p>&copy;WUHAN REJEUNE CENTURY TRADING ALL RIGHTS RESERVED</p>
                        </div>
                        <div class="header-right">
                            <ul class="clearfix">
                                <li><img src="img/h-1.jpg" alt=""><a href="">新浪微博</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                                <li id="guan"><img src="img/h-2.jpg" alt=""><a href="">官方微信</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                                <li><img src="img/h-3.jpg" alt=""><a href="">天猫旗舰店</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                                <li><img src="img/h-4.jpg" alt=""><a href="">京东商城</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="header-right-1" id="wei">
                        <div class="ss clearfix">
                            <div class="s-1">
                                <p class="w-1">三草两木旗舰店</p>
                                <img src="img/ewm_01.png" alt="">
                                <p class="w-2">sclmsancao</p>
                            </div>
                            <div class="s-2">
                                <p class="w-1">三草两木</p>
                                <img src="img/ewm_01.png" alt="">
                                <p class="w-2">sclm-china</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        <div class="header-bottom">
            <div class="container clearfix">
                <div class="nav-aa">
                    <img src="img/button-one.png" alt="" id="img" onclick="s()">
                    <img src="img/button2.png" alt="" id="img1" onclick="f()">
                </div>
                <div class="logo" id="eee">
                    <img src="img/logo.png" alt="">
                </div>
                <div class="nav">
                    <ul class="clearfix">
                        <li><a href="index.html">首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="product.html" id="an1">全系产品</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="" id="an2">品牌相关</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="" id="me">媒体中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="activity.html" id="zui">最新活动</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="" id="zh">招商加盟</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="" id="gong">公司简介</a></li>
                    </ul>
                </div>
                <div class="search">
                    <input type="search" placeholder="2017明星产品">
                    <div class="search-1">
                        <img src="img/sou.jpg" alt="">
                    </div>
                </div>
                <div class="nav-cc" id="ul">
                    <ul class="clearfix">
                        <li><a href="">首页</a></li>
                        <li><a href="product.html">全系产品</a></li>
                        <li><a href="">品牌相关</a></li>
                        <li><a href="">媒体中心</a></li>
                        <li><a href="activity.html">最新活动</a></li>
                        <li><a href="">招商加盟</a></li>
                        <li><a href="">公司简介</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="nav-1-inner">
            <div class="nav-1 clearfix" id="an">
                <div class="nav-1-left">
                    <div class="n-1">
                        <ul class="a-1">
                            <li id="ming" class="active"><a href="">明星产品</a></li>
                            <li id="dang"><a href="">当季热销</a></li>
                            <li id="ji"><a href="">肌肤需求</a></li>
                            <li id="fu"><a href="">美肤步骤</a></li>
                            <li id="chan"><a href="">产品系列</a></li>
                            <li id="chang"><a href="">畅销渠道</a></li>
                        </ul>
                    </div>
                    <div class="nav-1-middle">
                        <div class="n-2 active" id="ming1">
                            <a href="">
                                <img src="img/n-1.jpg" alt="">
                                <span>自然之礼礼盒</span>
                                <i>￥399</i>
                            </a>
                        </div>
                        <div class="n-3" id="dang1">
                            <a href="">
                                <img src="img/n-2.jpg" alt="">
                                <span>舒敏健康水套系</span>
                                <i>￥258</i>
                            </a>
                        </div>
                        <div class="n-4" id="ji1">
                            <ul class="n-4-1">
                                <li><a href="">柔和清洁</a></li>
                                <li><a href="">美白润色</a></li>
                                <li><a href="">抗皱紧致</a></li>
                                <li><a href="">头发护理</a></li>
                            </ul>
                            <ul class="n-4-2">
                                <li><a href="">补水保湿</a></li>
                                <li><a href="">隔离底妆</a></li>
                                <li><a href="">滋养面膜</a></li>
                                <li><a href="">身体护理</a></li>
                            </ul>
                        </div>
                        <div class="n-5" id="fu1">
                            <ul class="n-4-1">
                                <li><a href="">洁面乳</a></li>
                                <li><a href="">精华</a></li>
                                <li><a href="">乳液</a></li>
                                <li><a href="">面膜</a></li>
                            </ul>
                            <ul class="n-4-2">
                                <li><a href="">爽肤水</a></li>
                                <li><a href="">眼霜</a></li>
                                <li><a href="">面霜</a></li>
                                <li><a href="">隔离底妆</a></li>
                            </ul>
                        </div>
                        <div class="n-6 clearfix" id="chan1">
                            <ul class="n-4-1">
                                <li><a href="">木梨花系</a></li>
                                <li><a href="">明星有机系</a></li>
                                <li><a href="">极之兰系列</a></li>
                                <li><a href="">薏仁精粹系</a></li>
                                <li><a href="">白玉翠竹系列</a></li>
                                <li><a href="">白果叶系列</a></li>
                            </ul>
                            <ul class="n-4-2">
                                <li><a href="">初荷净透系列</a></li>
                                <li><a href="">榆木灵草</a></li>
                                <li><a href="">莹珠百合</a></li>
                                <li><a href="">胶原蛋白</a></li>
                                <li><a href="">素芳雪绒系</a></li>
                            </ul>
                        </div>
                        <div class="n-7" id="chang1">
                            <a href="" class="dian">电商渠道</a>
                            <a href="">实体店</a>
                        </div>
                    </div>
                </div>
                <div class="nav-1-right">
                    <a href="">
                        <img src="img/n-r.jpg" alt="">
                        <span>舒缓补水喷雾</span>
                        <i>￥108</i>
                    </a>
                </div>
            </div>
        </div>
        <div class="nav-2-inner" id="a2">
            <div class="nav-2 clearfix">
                <div class="nav-2-left">
                    <ul>
                        <li><a href="">品牌故事</a></li>
                        <li><a href="">品牌理念</a></li>
                        <li><a href="">品牌大事记</a></li>
                        <li><a href="">护肤理念</a></li>
                    </ul>
                </div>
                <div class="nav-2-right">
                    <a href="">
                        <img src="img/an.jpg" alt="">
                        <span>舒安修护霜</span>
                        <i>￥208</i>
                    </a>
                </div>
            </div>
        </div>
        <div class="aa-3-inner clearfix" id="me1">
            <div class="aa-3 clearfix">
                <ul class="aa-3-1">
                    <li class="active"><a>官方视频</a></li>
                    <li><a>新闻动态</a></li>
                    <li><a>使用分享</a></li>
                </ul>
                <div class="aa-3-b">
                    <div class="aa-b-1 active">
                        <ul>
                            <li><a href="">品牌视频</a></li>
                            <li><a href="">产品视屏</a></li>
                            <li><a href="">达人视频</a></li>
                        </ul>
                    </div>
                    <div class="aa-b-2">
                        <ul>
                            <li><a href="">官方新闻</a></li>
                            <li><a href="">媒体报道</a></li>
                            <li><a href="">行业资讯</a></li>
                        </ul>
                    </div>
                    <div class="aa-3a">
                        <ul>
                            <li><a href="">明星试用</a></li>
                            <li><a href="">达人分享</a></li>
                            <li><a href="">粉丝口碑</a></li>
                            <li><a href="">美肤秘籍</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="nav-3-right">
                <a href="">
                    <img src="img/jizhilan.jpg" alt="">
                    <span>极之兰补水面膜</span>
                    <i>￥198</i>
                </a>
            </div>
        </div>
        <div class="nav-4-inner" id="zui1">
            <div class="nav-4 clearfix">
                <div class="nav-4-left">
                    <ul>
                        <li><a href="">品牌活动</a></li>
                        <li><a href="">当季促销</a></li>
                    </ul>
                </div>
                <div class="nav-4-right">
                    <a href="">
                        <img src="img/tou.jpg" alt="">
                        <span>奥莱祛斑套盒</span>
                        <i>￥398</i>
                    </a>
                </div>
            </div>
        </div>
        <div class="nav-4-inner" id="zh1">
            <div class="nav-4 clearfix">
                <div class="nav-4-left">
                    <ul>
                        <li><a href="">实体店加盟</a></li>
                        <li><a href="">门店查询</a></li>
                    </ul>
                </div>
                <div class="nav-4-right">
                    <a href="">
                        <img src="img/jing.jpg" alt="">
                        <span>莹珠百合洁面乳</span>
                        <i>￥198</i>
                    </a>
                </div>
            </div>
        </div>
        <div class="nav-4-inner" id="gong1">
            <div class="nav-4 clearfix">
                <div class="nav-4-left">
                    <ul>
                        <li><a href="">了解遇美</a></li>
                        <li><a href="">企业荣誉</a></li>
                        <li><a href="">企业文化</a></li>
                        <li><a href="">联系我们</a></li>
                    </ul>
                </div>
                <div class="nav-4-right">
                    <a href="">
                        <img src="img/shuang.jpg" alt="">
                        <span>调理养肤bb霜</span>
                        <i>￥198</i>
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="lun" id="lun">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <a href="">
                    <img src="img/lun.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="">
                    <img src="img/lun-1.jpg" alt="">
                </a>
            </div>
            <div class="swiper-slide">
                <a href="">
                    <img src="img/lun-2.jpg" alt="">
                </a>
            </div>
        </div>

    </div>
</div>

<div class="main-inner">
    <div class="main">
        <div class="main-1 active clearfix" id="b-1">
            <div class="container">
                <div class="m-1">
                    <a href="" class="a-1"><img src="img/m-1.jpg" alt=""></a>
                    <a href="" class="a-2"><img src="img/m-2.jpg" alt=""></a>
                </div>
                <div class="m-2">
                    <a href="" class="a-3"><img src="img/m-3.jpg" alt=""></a>
                    <a href="" class="a-4"><img src="img/m-4.jpg" alt=""></a>
                </div>
            </div>
    </div>
        <div class="main-2" id="b-2">
           <div class="container">
               <div class="m-3">
                   <div class="m-3-1" id="v-1">
                       <img src="img/wei.jpg" alt="">
                   </div>
                   <div class="m-3-2" id="v-2">
                       <h1>明星产品</h1>
                   </div>
               </div>
               <div class="m-4" id="nn-1">
                   <div class="m-4-1" id="n-1">
                       <a href="">
                           <img src="img/m2-1.png" alt="">
                           <div class="bb">
                               <h2>20+分龄气色水</h2>
                               <small>三草两木分龄气色水，好<br>起色，真气色</small>
                           </div>
                       </a>
                   </div>
                   <div class="m-4-2" id="n-2">
                       <a href="">
                           <img src="img/m2-2.png" alt="">
                           <div class="bb">
                               <h2>舒安健康水套<br>装</h2>
                               <small>亚健康肌肤修复专家</small>
                           </div>
                       </a>
                   </div>
                   <div class="m-4-3" id="n-3">
                       <a href="">
                           <img src="img/m2-3.png" alt="">
                           <div class="bb">
                               <h2>极之兰养元补<br>水修护面膜</h2>
                               <small>岂止于润</small>
                           </div>
                       </a>
                   </div>
               </div>
               <div class="m-5">
                   <a href="">查看更多</a>
               </div>
           </div>
       </div>
        <div class="main-3" id="b-3">
            <div class="container">
                <div class="m-6">
                    <h1>当季热销</h1>
                    <p>找到你肌肤的完美护理方案</p>
                </div>
                <div class="m-7">
                    <div class="m-6-1" id="c-1">
                        <a href="">
                            <img src="img/m5-1 .png" alt="">
                            <div class="i-1">
                                <h4>奥莱美白祛斑套</h4>
                                <small>不用ps任然无暇</small>
                                <ins></ins>
                            </div>
                        </a>
                    </div>
                    <div class="m-6-2">
                        <a href="">
                            <img src="img/m5-2.png" alt="">
                            <div class="i-1">
                                <h4>净净大白瓶</h4>
                                <small>一瓶会养你的洗面奶</small>
                                <ins></ins>
                            </div>
                        </a>
                    </div>
                    <div class="m-6-3">
                        <a href="">
                            <img src="img/m5-3.png" alt="">
                            <div class="i-1">
                                <h4>舒安健康水套装</h4>
                                <small>亚健康肌肤修护专家</small>
                                <ins></ins>
                            </div>
                        </a>
                    </div>
                    <div class="m-6-4">
                        <a href="">
                            <img src="img/m5-4.png" alt="">
                            <div class="i-1">
                                <h4>舒安修护霜</h4>
                                <small>让肌肤安静下来</small>
                                <ins></ins>
                            </div>
                        </a>
                    </div>
                    <div class="m-6-5">
                        <a href="">
                            <img src="img/m5-5.png" alt="">
                            <div class="i-1">
                                <h4>极之兰补水面膜</h4>
                                <small>岂止于润 水润无尽</small>
                                <ins></ins>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="m-5">
                    <a href="">查看更多</a>
                </div>
            </div>
        </div>
        <div class="main-4" id="b-4">
            <div class="container clearfix">
                <div class="hu-1" id="nn-2">
                    <a href="" class="hu">
                        <img src="img/mm-1.jpg" alt="">
                    </a>
                </div>
                <div class="hu-2" id="nn-3">
                    <a href="">
                        <img src="img/mm.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
        <div class="main-5" id="b-5">
            <div class="container">
                <div class="w-1">
                    <h1>最新资讯</h1>
                </div>
                <div class="main-5-1 clearfix">
                    <div class="w-2" id="w-2">
                        <a href="">
                            <img src="img/w-3.png" alt="">
                            <p class="ht">2019再出发：三草两木连续5年登陆美博<br>会，今年更“耀”你好看！</p>
                            <p class="time">TIME:2019/05/22</p>
                            <small>2019年5月20日，第24届中国美博会在浦东新国际博览中心拉开帷幕。<br>作为全球三大美妆业展会之一，上海美博会一...</small>
                        </a>
                    </div>
                    <div class="w-3" id="w-3">
                        <a href="">
                            <img src="img/w-2.jpg" alt="">
                            <p class="ht">三草两木& 《喜欢你我也是》：走出舒<br>适圈拥抱甜系生活！</p>
                            <p class="time">TIME:2019/04/11</p>
                            <small>2018年热词“自杀式名单”之后，恋爱的话题成为各大综艺节目考<br>的重要元素。同时豆瓣评分7.4分的《心动的信...</small>
                        </a>
                    </div>
                    <div class="w-4" id="w-4">
                        <a href="">
                            <img src="img/w-1.jpg" alt="">
                            <p class="ht">三草两木&《这！就是原创》：原创是好<br>音乐和好产品的根源</p>
                            <p class="time">TIME：2019/03/14</p>
                            <small>近年来，三草两木在市场发展上突飞猛进，和热门IP的合作也更加紧<br>密。从2018年的《快乐大本营》、《向往的...</small>
                        </a>
                    </div>
                </div>
                <div class="m-5">
                    <a href="">更所咨询</a>
                </div>
            </div>
        </div>
    </div>
</div>
<div id="footer" class="footer-inner">
    <div class="footer clearfix">
        <div class="container">
            <div class="footer-top clearfix">
                <div class="t-1">
                    <h3>消费者服务</h3>
                    <ul class="clearfix">
                        <li><a href="">防伪查询</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="">门店查询</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="">美肤秘籍</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="">试用分享</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="">售后维权</a></li>
                    </ul>
                </div>
                <div class="t-2">
                    <h3>代理商服务</h3>
                    <ul class="clearfix">
                        <li><a href="">防串货码查询</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><a href="">代理商申请</a></li>
                    </ul>
                </div>
                <div class="t-3">
                    <h3>关注我们</h3>
                    <ul class="clearfix">
                        <li><img src="img/h-1.jpg" alt=""><a href="">新浪微博</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li id="xin"><img src="img/h-2.jpg" alt=""><a href="">官方微信</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><img src="img/h-3.jpg" alt=""><a href="">天猫旗舰店</a>&nbsp;&nbsp;|&nbsp;&nbsp;</li>
                        <li><img src="img/h-4.jpg" alt=""><a href="">京东商城</a></li>
                    </ul>
                </div>
            </div>
            <div class="t-4" id="fo">
                <div class="t-4-1 clearfix">
                    <div class="st-1">
                        <p class="wt-1">三草两木旗舰店</p>
                        <img src="img/ewm_01.png" alt="">
                        <p class="wt-2">sclmsancao</p>
                    </div>
                    <div class="st-2">
                        <p class="wt-1">三草两木</p>
                        <img src="img/ewm_01.png" alt="">
                        <p class="wt-2">sclm-china</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer-middle"></div>
        <div class="footer-bottom">
            <div class="container clearfix">
                <div class="f-left">
                    <p>公司地址：上海市松江区洞泾路8号18幢 &nbsp; &nbsp; &nbsp;官方网站：<a href="">www.saselomo.com</a></p>
                </div>
                <div class="f-right">
                    <p><img src="img/f-r.jpg" alt="">上海遇美企业发展有限公司   沪ICP备17009358号-1</p>
                </div>
            </div>
        </div>
        <div class="b-right">
            <ul class="yu">
                <li><a href="">门店查询</a></li>
                <li><a href="">在线咨询</a></li>
                <li id="mao" class="mao"><a href="">天猫店铺</a></li>
                <li class="in-1" id="in-1"><ins></ins></li>
                <li class="dong" id="dong"><a href="">京东商城</a></li>
                <li class="in-2" id="in-2"><ins></ins></li>
            </ul>
            <div class="br-1" id="fan"></div>
            <div class="br-2" id="bbr">
                <div class="bbr">
                    <div class="br-2-left">
                        <a href="">
                            <a href="" class="h1">天猫推荐</a>
                            <img src="img/mao.jpg" alt="">
                            <span>三草两木20+时光青春精华水</span>
                            <i>￥188</i>
                        </a>
                    </div>
                    <div class="br-2-right">
                        <a href="">
                            <a href="" class="mao"><img src="img/cat1.png" alt=""></a>
                            <img src="img/ewm_04.png" alt="">
                            <span>三草两木  |  SASELOMO</span>
                        </a>
                </div>
                    </div>
                </div>
            <div class="br-3" id="jin">
                <div class="bbr">
                    <div class="br-2-left">
                        <a href="">
                            <a href="" class="h1">京东推荐</a>
                            <img src="img/mao.jpg" alt="">
                            <span>三草两木20+时光青春精华水</span>
                            <i>￥188</i>
                        </a>
                    </div>
                    <div class="br-2-right">
                        <a href="">
                            <a href="" class="mao"><img src="img/cat2.png" alt=""></a>
                            <img src="img/ewm_04.png" alt="">
                            <span>三草两木  |  SASELOMO</span>
                        </a>
                    </div>
                </div>
            </div>
            </div>
        </div>
    </div>

<div class="yu-right" id="yu">
    <div class="nav-right" id="na">
        <ul>
            <li class="page-1 active">
                <a href="">
                    <i class="c2"></i>
                    <ins></ins>
                    <span>愈纯净·愈美丽</span>
                </a>
            </li>
            <li class="page2">
                <a href="">
                    <i class="c1"></i>
                    <i class="c2"></i>
                    <ins></ins>
                    <span>品牌故事</span>
                </a>
            </li>
            <li class="page3">
                <a href="">
                    <i class="c1"></i>
                    <i class="c2"></i>
                    <ins></ins>
                    <span>明星产品</span>
                </a>
            </li>
            <li class="page4">
                <a href="">
                    <i class="c1"></i>
                    <i class="c2"></i>
                    <ins></ins>
                    <span>当季热销</span>
                </a>
            </li>
            <li class="page5">
                <a href="">
                    <i class="c1"></i>
                    <i class="c2"></i>
                    <ins></ins>
                    <span>试用分享</span>
                </a>
            </li>
            <li class="page6">
                <a href="">
                    <i class="c1"></i>
                    <i class="c2"></i>
                    <ins></ins>
                    <span>最新资讯</span>
                </a>
            </li>
            <li class="page7">
                <a href="">
                    <i class="c1"></i>
                    <ins></ins>
                    <span></span>
                </a>
            </li>
        </ul>
    </div>
</div>



</body>
<script src="swiper-4.5.0/dist/js/swiper.min.js"></script>
<script src="js/script.js"></script>
<script src="js/script-1.js"></script>
</html>